<template>
  <div class="aq-wrapper">
    <div class="player-panel">
      <VideoPlayer :src="src" />
    </div>
  </div>
</template>

<script>
import VideoPlayer from './components/video-player/index.vue'
export default {
  components: {
    VideoPlayer
  },
  props: {},
  data() {
    return {
      src: 'https://aq.zhslapp.com:20046/aqzhsl/sbp_task_result/video/468a4d72-6d61-4d95-a328-ee22d3be4a6f.mp4?response-content-disposition=filename%3DsbpTaskVideo.mp4&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIOSFOD11123sdfE%2F20251102%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20251102T021005Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=58522733a2891af6dd083ada0a4e6f81063f4682aa585bee5b433d04e02f25e0'
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  activated() {},
  deactivated() {},
  updated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {},
  filters: {}
}
</script>
<style scoped lang="scss">
.aq-wrapper {
  border: 1px solid red;
  .player-panel {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 500px;
    height: 284px;
    border-radius: 20px;
    border: 1px solid #012c54;
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, 0.8);
    background-color: #0e1011;
  }
}
</style>
